<template>
  <!-- <el-dialog :title="clickInfo.startTime+'--'+clickInfo.endTime" :visible.sync="isShowCheck" @close="cancel" :before-close="cancel"> -->
  <el-dialog :close-on-click-modal="false" :visible.sync="isShowCheck" @close="cancel" :before-close="cancel">
    <div class="addFormBox">
      <div v-for="(item, index) in checkInfo" :key="index">
        <div class="formOuterBox">
          <div class="formCotantBox">
            <h3>项目 {{ index + 1 }}</h3>
            <!-- 表单内容 -->
            <el-form label-width="80px" >
              <el-form-item label="项目名" >
                <el-input v-model="item.proName" placeholder="请输入项目名称" disabled></el-input>
              </el-form-item>
              <el-form-item label="完成内容" prop="content"> 
                <el-input v-model="item.content" type="textarea" :rows="2" placeholder="请输入项目完成情况" disabled></el-input>
              </el-form-item>
              <el-form-item label="进度">
                <div class="block">
                  <el-slider v-model="item.situation" show-input disabled>
                  </el-slider>
                </div>
              </el-form-item>
              <el-form-item label="下周计划" prop="nextPlan">
                <el-input v-model="item.nextPlan" type="textarea" :rows="2" placeholder="请输入下周工作计划" disabled></el-input>
              </el-form-item>
            </el-form>
          </div>
          <!-- <el-button v-if="formData.length > 1" @click="removeIdx(item, index)" type="danger">删除此条信息</el-button> -->
        </div>
      </div>
      <!-- 操作按钮 -->
      <div>
        <!-- <el-button @click="addMore" type="success">添加下一项</el-button> -->
      </div>

      <!-- 测试按钮 -->
      <!-- <button @click="test">测试</button> -->
    </div>
    
  </el-dialog>
</template>
<script>
import {addWeekReport } from "@/api/request";
export default {
  name: 'showWeekTable',
  props: ['isShowCheck', 'checkInfo'],
  data() {
    return {
      tableInfo:null,
      formData: [],
      submitData: {
        username: this.$store.state.user.name,
        userId: this.$store.state.user.userId,
        briefSummary: '',
        timeId: ''
      }
    };
  },
  methods: {
    //点击取消按钮
    cancel() {
      // this.submitData = {}
      // this.formData = [
      // {
      //     proName: '',//项目名称
      //     content: '',//完成的内容
      //     situation: 0,//进度百分比
      //     nextPlan: '',//下周计划
      //   }
      // ]
      this.$emit('handleCloseCheck')
    },
    

  },
};
</script>
<style scoped>
/* .addFormBox {
  margin: 20px;
} */
.el-dialog__body {
  padding: 20px 20px;
}

.formOuterBox {
  margin-bottom: 20px;
  /* padding: 30px 40px; */
  background: white;
  border-radius: 30px;
}
</style>
